.modal-body
    input.form-control(
        type='text',
        [(ngModel)]='quickTarget',
        autofocus,
        placeholder='Quick connect: path@baudrate',
        (ngModelChange)='refresh()',
        (keyup.enter)='quickConnect()'
    )

    .list-group.mt-3(*ngIf='lastConnection')
        a.list-group-item.list-group-item-action.d-flex.align-items-center((click)='connect(lastConnection)')
            i.fas.fa-fw.fa-history
            .mr-auto {{lastConnection.name}}
            button.btn.btn-outline-danger.btn-sm((click)='clearLastConnection(); $event.stopPropagation()')
                i.fas.fa-trash

    .list-group.mt-3.connections-list(*ngIf='connections.length')
        a.list-group-item.list-group-item-action.d-flex.align-items-center(
            *ngFor='let connection of connections',
            (click)='connect(connection)'
        )
            .mr-2 {{connection.name}}
            .text-muted {{connection.port}}

    .list-group.mt-3(*ngIf='foundPorts.length')
        a.list-group-item.list-group-item-action.d-flex.align-items-center(
            (click)='connectFoundPort(port)',
            *ngFor='let port of foundPorts'
        )
            .mr-2 {{port.name}}
            .text-muted {{port.description}}
